

.graph-main {
	height: 100%;
	position: relative;
	width: 100%;
	display: flex;
	background: #f3f5f6;
	.sider {

	}

	.search-bar {
		position: absolute;
		width: 350px;
		z-index: 1000;
		.item {

		}
	}

	.info {
		position: absolute;
    bottom: 35px;
    left: 275px;
		td {
			border: 1px solid black;
		}
	}
	.graph-tools {
		//width: 235px;
		height: 100%;
    display: flex;
    color: #555555;
    box-shadow: 3px 0px 9px #ccc;
		.first-level-menu {
			background: #E8EBED;
			width: 135px;
			height: 100%;
	    word-wrap: break-word;
	    font-size: 16px;
	    text-align: left;
	    cursor: pointer;
	    border-right: 1px solid #e9e9e9;
	    position: relative;
	    background: #E8EBED;
	    .first-level-menu-item {
	    	display: flex;
		    align-items: center;
        padding: 25px 0 25px 23px;
		    box-sizing: border-box;
		    color: #a0aab4;
		    font-size: 18px;
	    }
	    .first-level-menu-item:hover {
	    	background: #FFFFFF;
	    }
		}
		.second-level-menu {
			width: 100px;
	    height: 100%;
	    // overflow: auto;
	    background-color: #F3F5F6;
	    .second-level-menu-item {
	    	cursor: pointer;
		    // padding-top: 10px;
		    height: 100px;
		    box-sizing: border-box;
		    width: 100%;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    justify-content: space-around;
		    font-size: 16px;
		    font-weight: bold;
		    color: #555555;
        // border-bottom: 1px solid #ccc;
	    }
	    .second-level-menu-item:hover {
	    	color: rgb(89, 171, 227);
	    }
		}
	}
	.workspace {
		width: 100%;
    margin: 10px 13px;
    // padding: 10px 0px;
    background: #fff;
    box-shadow: 3px 0px 9px #d9d9d9;
    .search-result {
    	height: 100%;
    	overflow: auto;
    }
    svg#searchResult {
    	width: 200%;
			height: 200%;
    }
		svg {
			width: 100%;
			height: 100%;
		}
		.search-list {
			padding: 10px;
			height: 100%;
			overflow-y: auto;
		}
	}
	.center-col {
		text-align: center !important;
	}
	.reedsec_table {
		.ant-table {
			font-size: 14px;
		}
	}
	.reedsec_btn {
		position: absolute !important;
		right: 0px;
		top: 5px;
		background: #59abe3;
		border-color: #59abe3;
		border-radius: 2px;
    padding: 10px 30px;
    height: 40px;
    font-size: 17px;
	}
	.reedsec_btn_default {
		position: absolute !important;
		right: 130px;
		top: 5px;
		border-radius: 2px;
    padding: 10px 30px;
    height: 40px;
    font-size: 17px;
	}
	.ant-checkbox {
    top: -2px;
	}
	.ant-checkbox-wrapper {
		font-size: 16px;
	}
}

.ant-checkbox-wrapper {
  display: block !important;
  padding: 20px 0px 0px 30px;
  margin: 0px !important;
}

.node-connect-line {
	stroke: blue;
	stroke-width: 1.5px;
	stroke-dasharray: 5,3,5;
}

.connection {
	.front {
		stroke: #999999;
		stroke-width: 1px;
		fill: none;
	}
	.back {
		stroke: rgba(0,0,0,0);
		stroke-width: 10px;
		fill: none;
	}
}

.thin-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.thin-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.4);
  border-radius: 4px;
}
